﻿@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;}
/*h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}*/
fieldset, img{border:none;}
img{/*vertical-align:top*/; border:0}
a{ text-decoration:none; outline:none; color:#000; font-family: '微软雅黑',Calibri,arial;}a:hover{ color:#141414;}
a:focus{outline:none;}
input, select { outline: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid; clear:both; font-size:0; margin-top:0px; visibility:hidden; overflow:hidden;  height:0;}
body{font-family: '微软雅黑',Calibri,arial; color: #000; background: #fff; min-width: 1094px;line-height: 1;}

.bannerCon{margin: 0 auto; position: relative; height:auto;}
.slideBox{position:relative; padding: 0;  margin: 0;}
.slideBox .hd{width: 100%;height:16px;position:absolute;z-index:1;bottom:65px;text-align:right;left: 0;/* margin-left:-98.5px; */text-align: center;}
.slideBox .hd ul{display:inline-block;white-space:nowrap;*display:inline;}
.slideBox .hd ul li{width:15px;height:15px;overflow:hidden;cursor: pointer;/* float: left; */background:#c6c6c6 no-repeat center center;border-radius:30px;margin:0 8px;display:inline-block;vertical-align:top;*display:inline;*zoom:1; font-size: 0;}
.slideBox .hd ul li.on{background:#bd1a21 no-repeat center center;}
.slideBox .bd{position:relative; z-index:0; width:100%;}
.slideBox .bd ul > li{position:relative; /* height:618px; */ height: 400px; overflow: hidden;}
.slideBox .bd ul > li > a{display:block; /* height:618px; */ height: 400px; background-size: cover;}
.slideBox .bd ul > li video{ display: block; width: 1920px; /* height:618px; */ height: 400px; position: absolute; left: 50%; margin-left: -960px; top: 0; background-color: #000;}

.gdCon{width:1100px; position:absolute; height:400px; top: 0; left: 50%; margin-left:-550px;}
.gdlink{position: absolute; height: 45px; left:18px; z-index: 100; top:215px;}
.gdlink li{height: 45px; margin-right:13px; float: left; border-radius: 5px; text-align: center; line-height: 45px; color:#E60012;}
.gdlink li a{display: block; height: 45px;}
.gdlink .fir{width:199px;}
.gdlink .sec{width:166px;}
.gdlink .third{width:166px; margin-right: 0;}
.slideBox .bd li img{display:block; width:100%;}
.bannerCon .float{position:absolute; bottom:0; left: 0; z-index: 10; text-align: center; height: 134px; width: 100%;}
.product{height: 374px; width: 1094px; margin: 0 auto; padding:60px 0;}
.product .left{float: left; background: url("Lbg.jpg") no-repeat left top; width: 423px; height: 374px;}
.product .right{float:right; background:#d7d5d5; width: 671px; height: 375px; color: #fff;}
.product .right h3{font-size:38px; height:110px; line-height:110px; padding-left:50px; font-weight: bold; color:#333;}
.product .right ul{border-left: 1px solid #B81C22;}
.product .right ul li{float:left; font-size: 24px; width:222px; height: 87px; text-align: center; line-height: 87px; background: #d0121b; border-left: 1px solid #d7d5d5; border-top: 1px solid #d7d5d5; position: relative;}
.product .right ul li a{color:#fff; display: block;}
.product .right ul li.cur a,.product .right ul li:hover a{background: url("hoverbg.png") no-repeat left top; width: 263px; height: 121px; position: absolute; z-index: 10; left: -20px; top: -18px; line-height: 121px; font-size: 28px;}
.customerBox{height: 690px; width:100%; background:#f2f3f5;}
.customerBox .con{width:1100px; margin: 0 auto;}
.customerBox .con h2{font-size: 38px; padding:75px 0 50px 0; text-align:center;}
.c3Con{background:url("c3bg.jpg") no-repeat top center; height:575px; width:100%; margin: 0 auto;}
.c3Con .con{width: 1100px; margin:0 auto;}
.c3Con .con .pic{padding:85px 0 20px 60px;}
.c3Con .con p{font-size: 18px; color: #4c4c4c; line-height:1.7em;}

.slideBox1{width: 1094px; position: relative; margin:15px 0 45px;}
.slideBox1 .prev, .slideBox1 .next {width:49px; height:84px; position: absolute; top: 50%; margin-top: -42px; cursor:pointer;  z-index: 9;}
.slideBox1 .prev{ background: url("prev.png") 0 0 no-repeat; left:0px;}
.slideBox1 .next{ background: url("next.png") 0 0 no-repeat; right:0px;}
.slideBox1 .bd li{position: relative; background: #fff; width:290px; float: left; margin-right: 35px; text-align: center; cursor: pointer;}
.slideBox1 .bd li > img{width: 290px; height:166px; border: 1px solid #a7a3a3; margin-top: 15px;}
.slideBox1 .bd {margin: 0 0 0 84px; width:940px; overflow: hidden;}
.slideBox1 .bd li p{text-align: left; padding:10px 0 0 13px; font-size: 16px; color: #000; width: 315px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newsList{padding: 60px 0;}
.newsList .con{width: 1094px; margin: 0 auto; background: #fff;}
.newsList .con .left{float: left;}
.newsList .con .right{float:right;}
.newsList .con h4{font-size: 38px; padding-bottom:30px;}
.newsList .con ul{margin-top:20px;}
.newsList .list li{border-bottom:1px solid #e9e9e9; padding:15px 0;}
.newsList .list li span{color: #b2b2b2; float: left; width:100px; font-size: 14px; padding-top: 2px;}
.newsList .list li >a{float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:408px; font-size: 18px;}
.Videoplay{background: url("videobg.jpg") no-repeat top center; width:100%; height: 340px; margin: 0 auto; cursor: pointer;}
.Videoplay1{background: url("videobg1.jpg") no-repeat top center; width:100%; height: 340px; margin: 0 auto; cursor: pointer;}
/*è§†é¢‘å¼¹æ¡†*/
.popVideo{position: relative;}  
.popVideo .bg{position: fixed; z-index:999; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0.7; background-color: rgb(0, 0, 0); display: none;}
.popVideo .VideoLayer{ position:fixed;  top:50%;  left:50%;  width:700px;  height:500px; background-color:#212121;   display:none;  margin-left:-350px; margin-top:-250px;  z-index: 3333; cursor: pointer;}
.popVideo .VideoLayer .close{ width:25px; height:25px;   background:url("VideoClose.png") center center no-repeat; position:absolute; top:8px; right:8px; z-index:9; cursor:pointer;}
.popVideo .VideoLayer .VLcont {width: 100% !important; height: 100% !important;}
.popVideo .VideoLayer .VLcont video { width: 100% !important; height: 100% !important;}	
.littleVideo .videoContent .videoList .title{ overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}	
.five-info-con{width: 1100px; margin: 0 auto;}
.five-info-con ul {width: 100%; height: 416px; position: relative;}
.five-info-con ul li {width:12.5%; border: 1px solid #f7f5f5; box-sizing: border-box; float: left;  height: 416px; position: relative;  vertical-align: middle; overflow: hidden;}
.five-info-con ul li.current{width:26.33333333%;}
.opcityandPic {position:relative; width: 100%; overflow: hidden; vertical-align: middle;top: 50%;}
.five-info-con ul li .opacity60 {z-index: 5; opacity: 0.3; filter: alpha(opacity=30); background: #000; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.five-info-con ul li.current .opacity60{display: none;}
.five-info-con ul li .titlH{position: absolute; z-index: 10; top: 40px; left:20px; font-size: 22px; font-weight: bold; color: #fff;}
.five-info-con ul li .titlH span{position: relative; display: inline-block; padding: 10px 0;}
.five-info-con ul li .info {display: none; width: 100%; bottom:0; height: 90px; position: absolute; left: 0; border-bottom: 4px solid #b81c22;}
.five-info-con ul li.current .info {display: block;}
.five-info-con ul li .info .opacity40 {position: absolute; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background: #000;}
.five-info-con ul li .infoCon{ position: relative; z-index: 4; color: #fff;}
.five-info-con ul li .infoCon h5{font-size: 14px; text-align: left; color: #fff; padding:15px 0 0 20px; font-size: 18px;}
.five-info-con ul li .infoCon a{color: #fff; text-decoration: none; background: #c72929; padding: 7px 10px 7px 10px; display: inline-block; margin-top: 12px; margin-left: 20px; border-radius:3px; font-size: 12px; line-height: 1; position: absolute; top: 36px;}

.newsList .moreLink a{display: block;}
.newsList .moreLink a > h4{float:left;}
.newsList .moreLink a > p{float:right; padding-top:19px;}

.home_product{ width: 1098px; margin: 0 auto; padding: 80px 0;}
.home_product h2{font-size: 38px; text-align:center;}
.home_product .list{ margin-top: 50px; overflow: hidden;}
.home_product .list ul{ border-top: 2px solid #bd1a21; border-left: 2px solid #bd1a21;}
.home_product .list li{ float: left; width: 363px; border-right: 2px solid #bd1a21; border-bottom: 2px solid #bd1a21; font-size: 24px; position: relative;}
.home_product .list li a{ display: block; height: 60px; line-height: 60px; padding: 17px 0 17px 95px;}
.home_product .list li .icon{ width: 70px; height: 70px; position: absolute; left: 15px; top: 50%; margin-top: -35px;}
.home_product .list li .icon1{ background:url("home_product_icon1.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon2{ background:url("home_product_icon2.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon3{ background:url("home_product_icon3.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon4{ background:url("home_product_icon4.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon5{ background:url("home_product_icon5.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon6{ background:url("home_product_icon6.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon7{ background:url("home_product_icon7.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon8{ background:url("home_product_icon8.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon9{ background:url("home_product_icon9.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon10{ background:url("home_product_icon10.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon11{ background:url("home_product_icon11.png") center center no-repeat; background-size: cover;}
.home_product .list li .icon12{ background:url("home_product_icon12.png") center center no-repeat; background-size: cover;}
.home_product .list li:hover .icon1{ background-image: url("home_product_icon1_on.png");}
.home_product .list li:hover .icon2{ background-image: url("home_product_icon2_on.png");}
.home_product .list li:hover .icon3{ background-image: url("home_product_icon3_on.png");}
.home_product .list li:hover .icon4{ background-image: url("home_product_icon4_on.png");}
.home_product .list li:hover .icon5{ background-image: url("home_product_icon5_on.png");}
.home_product .list li:hover .icon6{ background-image: url("home_product_icon6_on.png");}
.home_product .list li:hover .icon7{ background-image: url("home_product_icon7_on.png");}
.home_product .list li:hover .icon8{ background-image: url("home_product_icon8_on.png");}
.home_product .list li:hover .icon9{ background-image: url("home_product_icon9_on.png");}
.home_product .list li:hover .icon10{ background-image: url("home_product_icon10_on.png");}
.home_product .list li:hover .icon11{ background-image: url("home_product_icon11_on.png");}
.home_product .list li:hover .icon12{ background-image: url("home_product_icon12_on.png");}
.home_product .list li:hover{ background-color: #bd1a21;}
.home_product .list li:hover a{ color: #fff;}
.home_product .list li span{ vertical-align: middle;/* margin-left: 10px; */}
.home_product .list li.li_12{ background-color: #bd1a21;}
.home_product .list li.li_12 a{ color: #fff;}
.home_product .list li.li_12 .icon4{ background-image: url("home_product_icon4_on.png");}
.home_product .list li.li_12:hover .icon4{ background-image: url("home_product_icon4.png");}
.home_product .list li.li_12:hover{ background-color: #ebebed;}
.home_product .list li.li_12:hover a{ color: #000;}


/* 20200828 H.Y add */
.home-zxzx{ padding: 90px 0 55px 0;}
.home-zxzx h2{font-size: 38px; text-align:center;}
.home-zxzx .con{ width: 1100px; margin: 0 auto;}
.home-zxzx-focus{ position:relative; margin-top: 45px;}
.home-zxzx-focus .prev,.home-zxzx-focus .next{ width: 30px; height: 48px; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; margin-top: -24px;}
.home-zxzx-focus .prev{ background-image: url("home-zxzx-arrow-left.png"); left: -20px;}
.home-zxzx-focus .next{ background-image: url("home-zxzx-arrow-right.png"); right: -20px;}
.home-zxzx-focus .hd{ display: none;}
.home-zxzx-focus .bd{ width: 1056px; margin: 0 auto;}
.home-zxzx-focus .bd ul{ overflow:hidden; zoom:1; padding-bottom: 25px !important;}
.home-zxzx-focus .bd ul li{ width: 320px; margin:0 16px; float:left; _display:inline; overflow:hidden; box-shadow:0 0 25px #f3f3f3;}
.home-zxzx-focus .bd ul li .pic{ position: relative; overflow: hidden;}
.home-zxzx-focus .bd ul li .pic img{ display: block; width:100%; transition: 0.5s;}
.home-zxzx-focus .bd ul li:hover .pic img{transform: scale(1.1);}
.home-zxzx-focus .bd ul li .pic .label-box{ height: 40px; line-height: 40px; background: url("label-arrow-icon.png") center right no-repeat; font-size: 18px; color: #fff; padding: 0 38px 0 12px; position: absolute; top: 0; left: 0; z-index: 9;}
.home-zxzx-focus .bd ul li .cont-inner{ padding: 25px 15px; font-size: 14px;}
.home-zxzx-focus .bd ul li .cont-inner p{ line-height: 1.5; height: 63px; color: #333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.home-zxzx-focus .bd ul li .cont-inner .bot-box{ margin-top: 15px;}
.home-zxzx-focus .bd ul li .cont-inner .bot-box .time{ float: left; color: #999;}
.home-zxzx-focus .bd ul li .cont-inner .bot-box .more{ float: right; color: #bd1a21;}

.home-syrjxz{ padding: 65px 0 45px 0; background: url("home-syrjxz-bg.png") top center no-repeat;}
.home-syrjxz h2{font-size: 38px; text-align:center;}
.home-syrjxz .con{ width: 1100px; margin: 0 auto;}
.home-syrjxz-list{ margin-top: 55px;}
.home-syrjxz-list li{ float: left; width: 33.333333%; text-align: center;}
.home-syrjxz-list li .btn-box{ display: inline-block; width: 190px; height: 38px; line-height: 38px; border: 2px solid #000; border-radius: 42px; margin-top: 15px;}
.home-syrjxz-list li .btn-box a{ display: block;}
.home-syrjxz-list li .btn-box span{ display: inline-block; height: 100%; padding-right: 24px; background: url("home-syrjxz-btn-icon.png") center right no-repeat;}
.home-syrjxz-list li .btn-box:hover{ background-color: #ba2d33; border-color: #ba2d33;}
.home-syrjxz-list li .btn-box:hover a{ color: #fff;}
.home-syrjxz-list li .btn-box:hover span{ background-image: url("home-syrjxz-btn-icon-on.png");}

.home-gyyxaq{ padding: 90px 0 0 0;}
.home-gyyxaq h2{font-size: 38px; text-align:center;}
.home-gyyxaq .con{ width: 1100px; margin: 0 auto;}
.home-gyyxaq .tab{ margin-top: 35px; border-top: 1px solid #cacace; border-bottom: 1px solid #cacace; line-height: 53px;}
.home-gyyxaq .tab li{ float: left; width: 25%; text-align: center;}
.home-gyyxaq .tab li span{ display: inline-block; cursor: pointer; width: 147px; position: relative; top: 1px;}
.home-gyyxaq .tab li.active{ color: #bd1a21;}
.home-gyyxaq .tab li.active span{ border-bottom: 2px solid #bd1a21;}
.home-gyyxaq .content-box .box{ height: 584px; background-repeat: no-repeat; background-position: top center; background-size: auto 100%; display: none;}





